<template>
	<view class="page">
		<view class="content">

			<view class="margin-sm panel top-100">
				<view style="color: black;font-weight: bold;padding-top: 12px;">公司需支付的工伤赔付金额（测算结果只做参考）</view>
				<!-- <uni-collapse > -->
				    <!-- <uni-collapse-item title="金额合计" :subTitle="resultList.company_total" :open="true"> -->
						<view class="cu-list menu">
							<view class="cu-item " v-for="(item,index) in resultList.company" :key="index">
								<view class="content">
									<text class="">{{item.name}}</text>
								</view>
								<view class="action"><text class=" text-sm">{{item.value}}</text></view>
							</view>
						</view>
						<view class="cu-list menu">
							<view class="cu-item ">
								<view class="content">
									<text class="">总计</text>
								</view>
								<view class="action"><text class=" text-sm">{{resultList.company_total}}</text></view>
							</view>
						</view>
				    <!-- </uni-collapse-item> -->
				<!-- </uni-collapse> -->
			</view>
			<view class="padding-left-xl padding-right-xl padding-top-xs">
				<view class="">说明：</view>
				<view class="padding-top-xs">1.本测算为重庆市的理赔标准，其他省份计算方法基本类似，需要单独了解可咨询平台。</view>
				<view class="padding-top-xs">2.【一次性伤残补助金、伤残津贴1-4级、一次性工伤医疗补助金】由基金赔付，<text class="text-red" >如员工未购买社保或未按实际基数购买社保，公司需补齐基金应支付的赔偿金额。</text> </view>
				<view class="padding-top-xs">3.【伤残津贴5-6级、一次性伤残就业补助金】由公司支付，即使企业继续聘用该员工，但员工离职时也需要支付。</view>
				<view class="padding-top-xs">4.本测算结果只包括：一次性伤残补助金、伤残津贴、一次性工伤医疗补助金、一次性伤残就业补助金、停工留薪工资。不包括评残鉴定期间的交通费、生活津贴、护理费、鉴定费等。</view>
			</view>
		</view>

	</view>
</template>

<script>
	import uniCollapse from '@/components/uni-collapse/uni-collapse.vue'
	import uniCollapseItem from '@/components/uni-collapse-item/uni-collapse-item.vue'

	export default {
	    components: {uniCollapse,uniCollapseItem},
		data() {
			return {
				resultList:[],
				modalName: null,
				gridCol: 3,
				gridBorder: false,
				menuBorder: false,
				menuArrow: false,
				menuCard: false,
				skin: false,
				listTouchStart: 0,
				listTouchDirection: null,
			};
		},
		onLoad() {
			this.getResult();
		},
		methods: {
			showModal(e) {
				this.modalName = e.currentTarget.dataset.target
			},
			hideModal(e) {
				this.modalName = null
			},
			async getResult(){
				let param = uni.getStorageSync('injuryParam') ;
				console.log(param);
				// let data = await this.$http.post('fiveRisks',{city:'重庆市',wages_before:'10000',wages_real:'6000'});
				let data = await this.$http.post(
					'wx/injury', //可以直接放链接(将不启用全局定义域名)
					param,
				);
				this.resultList = data;
				console.log(data);
			},
		}
	}
</script>

<style  lang="less">
	.page {
		height: 98vh;
		width: 100vw;
		background: #f9f9f9;


	}
	.cu-list.menu>.bottom{
		position: fixed !important;
		width: 100%;
		bottom: 0;

	}
	.cu-list.menu>.cu-item {
		height: 48px;
		background-color: transparent !important;
		color: rgba(22, 118, 214, 0.62);
	}
	.border-top{
		border-top: 1rpx solid gray;
	}
	.line{
		border-top: 2rpx solid lightgray;
	}
	.result-list{
		background: #FE4C4C !important;
		box-shadow: 0px 3px 6px rgba(142, 228, 255, 0.12);
		opacity: 0.8;

	}
	.result-list>.cu-item {
		color: #FFFFFF !important;
	}
	.padding-top-xs{
		text-align: justify;
	}
	.cu-list{
		background: rgba(113, 191, 251, 0.08);
		border-radius: 10px;
		margin-top: 10px;
	}

	.panel{
		background: #FFF;
		padding: 5px 10px;
		padding-top: 0;
		border-radius: 6px;
	}
	.page.show {
		overflow: hidden;
	}
	.bottom-img{
		position: fixed;
		bottom: 0;
		height: 100px;
		width: 100%;
	}
	.bg{
		width: 100%;
	}
	.margin-bottom{
		margin-bottom: 120px;
	}
	.result{
		height: 48px;
		line-height: 48px;
		font-size: 16px;
	}
	.imgBottom{
		height: 150px;
	}
	.imgContent{
		height: 100px;
		padding: 0;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 10px;
		margin: 10px 5%;
		width: 90%;
	}
	.myCode{
		width: 100%;
		height: 100px;
	}
	.switch-sex::after {
		content: "\e716";
	}

	.switch-sex::before {
		content: "\e7a9";
	}

	.switch-music::after {
		content: "\e66a";
	}

	.switch-music::before {
		content: "\e6db";
	}
</style>
